<template>
  <view class="passname">
       <view class="passnane-io">
       	  <view class="name-i">
       	  	 <text>昵 称</text>
       	  </view>
		  <view class="name-O">
		      <input class="input-w" type="text" value=""  placeholder="请输入昵称"/>
		  </view>
       </view>
  </view>
</template>

<script>
</script>

<style lang="less" scoped>
	.passname{
		height: 89rpx;
		border-bottom: 1rpx solid #D2D2D2;
		.passnane-io{
			display: flex;
			align-items: center;
			padding: 0 30rpx;
			.name-i{
				margin-right: 50rpx;
				text{
					height: 31rpx;
					line-height: 95rpx;
					font-size: 29rpx;
					color: #000000;
					letter-spacing: 3rpx;
				}
			}
			
			.name-O{
				flex: 1;
				.input-w{
					width: 100%;
					height: 40rpx;
					font-size: 28rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #999999;
				}
			}
			
		}
	}
	/* .name-i{
		float: left;
	}
	.name-i text{
		width: 69rpx;
		height: 30rpx;
		line-height: 93rpx;
		padding-left: 33rpx;
		font-size: 32rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #000000;		
	}
	.input-w{
		height: 40rpx;
		font-size: 32rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		margin-left: 209rpx;
		padding-top: 25rpx;
	} */
</style>
